<div id="serviceList" ng-controller="ServiceListController" ng-init="init()">


  <!-- Responsive Table -->
  <md-toolbar class="demo-toolbar md-primary _md _md-toolbar-transitions" id="found">
    <div class="md-toolbar-tools">
      <button class="md-button md-primary md-ink-ripple md-first-button" type="button"
              aria-label="Create Service" ng-click="createService()"
              style="padding:0 26px;background-color: #67aaf5;color:#fff"><span class="ng-scope">
                              创建服务
                            </span>
        <div class="md-ripple-container"></div>
        <md-tooltip md-direction="right">
          点击创建服务
        </md-tooltip>
      </button>
      <div class="col-lg-3 col-md-4 col-xs-5 search">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Search for..." ng-model="searchText">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="searchClick()">
              <i class="fa fa-search"></i>
            </button>
          </span>
        </div>
      </div>
    </div>
  </md-toolbar>

  <div id="listPanelContainer" class="row">
    <div id="listPanel" class="col-md-12">
      <div class="panel-without-padding main_content">

        <div class="tabsdemoDynamicTabs" ng-cloak>

          <div class="demo-tab tab{{$index%4}}" style=" text-align: center;">


            <div class="table_mould">
              <div class="thead_mould">
                <ul>
                      <li class="col-lg-3 col-md-2 col-xs-2"><span >服务名称</span></li>
                      <li class="col-lg-3 col-md-3 col-xs-3" style="text-align: left;padding-left:50px ">镜像:版本</li>
                      <li class="col-lg-3 col-md-3 col-xs-3">健康状况</li>
                      <li class="col-lg-3 col-md-4 col-xs-4">服务操作</li>
                </ul>
              </div>
              <div class="tbody_mould">
                <ul ng-repeat="data in currentPageServices | limitTo:numPerPage:(currentPage - 1) * numPerPage"
                    class="hover_animate"
                    disabled="data.totalStatue == 'updating'?disabled:false" >

                  <li class="col-lg-3 col-md-2 col-xs-2" style="padding-right: 15px;cursor: pointer" ng-click="clickService(data)">
                    <!--style="border-color:#cc3f44"-->
                    <div class="running">
                      <p ng-if="data.totalStatue=='running'" style="border-color:#27ca7b" uib-tooltip="running" ></p>
                    </div>

                    <div class="stoping ing">
                      <p ng-if="data.totalStatue=='stoping'" style="border-color:#ffdda3"
                         uib-tooltip="stoping" ></p>
                    </div>

                    <div class="starting ing">
                      <p ng-if="data.totalStatue=='starting'" style="border-color:#ffdda3" uib-tooltip="starting" ></p>
                    </div>

                    <div class="stop">
                      <p ng-if="data.totalStatue=='stop'" style="border-color:#CBCBCB" uib-tooltip="{{data.totalStatue}}" ></p>
                    </div>

                    <div class="error">
                      <p ng-if="data.totalStatue=='error'" style="border-color:#cc3f44" uib-tooltip="{{data.totalStatue}}" ></p>
                    </div>

                    <div class="scaling">
                      <p ng-if="data.totalStatue=='scaling'" style="border-color:#ffdda3" uib-tooltip="{{data.totalStatue}}" ></p>

                    </div>

                    <!--<a ui-sref="cp.servicedetail({service:data, clusterId:data.dbJson.node.clusterId ,serviceName: data.app})"-->
                    <!--disabled="data.totalStatue == 'updating'?disabled:false">{{data.app}}</a>-->
                    <a class="ellipsis" href="javascript:;" title="{{data.app}}" style="margin-left: 45px;color: #67aaf5;width:calc(100% - 30px) ;text-align: left">{{data.app}}</a>
                    <!--show logs-->

                  </li>

                  <li class="col-lg-3 col-md-3 col-xs-3 ellipsis" title="{{data.image}}:{{data.ver}}" style="text-align: left;padding-right: 15px;padding-left: 15px">{{data.image}}:{{data.ver}}

                  </li>

                  <li class="col-lg-3 col-md-3 col-xs-3">
                    <div class="progress">
                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='running'" ng-style="{'transition':'none','width':'100%','background-color':'#91eadb'}">
                        运行数：{{data.runningNum}}
                        <md-tooltip class="menu_tooltip" md-direction="top" >运行数：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>

                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='error'"ng-style="{'transition':'none','width':'100%','background-color':'#cc3f44'}">{{data.totalStatue}}
                        <md-tooltip class="menu_tooltip" md-direction="top" >运行数：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>

                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='stop'" ng-style="{'transition':'none','width':'100%','background-color':'#CBCBCB'}">已停止
                        <md-tooltip class="menu_tooltip" md-direction="top" >已运行：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>

                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='stoping'" ng-style="{'transition':'none','width':'100%','background-color':'#ffdda3'}">正在停止
                        <md-tooltip class="menu_tooltip" md-direction="top" >已运行：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>

                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='starting'" ng-style="{'transition':'none','width':'100%','background-color':'#ffdda3'}">正在启动
                        <md-tooltip class="menu_tooltip" md-direction="top" >已运行：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>

                      <div class="progress-bar progress-bar-striped" ng-if="data.totalStatue=='scaling'" ng-style="{'transition':'none','width':'100%','background-color':'#ffdda3'}">正在伸缩
                        <md-tooltip class="menu_tooltip" md-direction="top" >已运行：{{data.runningNum}}，总数：{{data.dbJson.rcnum}}</md-tooltip>
                      </div>
                    </div>
                  </li>

                  <li class="col-lg-3 col-md-4 col-xs-4 table_btn">
                    <style type="text/css">
                      .a1 {
                        margin: 0px 4px;
                        cursor: pointer
                      }

                      .dropdown-menu {
                        left: -95px;
                        width: 120px;
                        z-index: 10;
                      }
                    </style>

                    <div>


                      <a class="a1 aTag" ng-click="operator($event,data)"
                         data-original-title="{{data.btn_title}}" uib-tooltip="{{data.btn_title}}" ><i
                          ng-class="data.btn_icon"></i></a>

                      <a class="a1 aTag" ng-click="superStop($event,data)"  uib-tooltip="强制停止" ><i
                          class="fa fa-power-off"></i></a>

                      <a ui-sref="cp.serviceupdate({service:data, serviceName: data.app})"
                         ng-click="$event.stopPropagation()" class="aTag" uib-tooltip="修改服务" ><i
                          class="fa fa-pencil"></i></a>
                      <div class="btn-group btn_hover" uib-dropdown style="display: block;    float: left;" ng-class="{true: 'open', false: ''}[isActive]" ng-mouseover="isActive=true" ng-mouseleave="isActive=false" ng-click="$event.stopPropagation()">
                        <a id="btn-append-to-single-button" type="button" class="btn  aTag btn_gray"
                           uib-dropdown-toggle style="border: 0;border-radius:0;">
                          <i class="iconfont icon-ellipsis"></i>
                        </a>
                        <ul class="dropdown-menu down_menu" uib-dropdown-menu role="menu"
                            aria-labelledby="btn-append-to-single-button">
                          <li role="menuitem">
                            <a class="a1" data-toggle="tooltip" data-placement="top"  ng-click="showLogs($event,data)"  >
                              <i class="iconfont icon-shijianyingxiao"></i>容器事件</a>
                          </li>
                          <li role="menuitem">
                            <a class="a1" ng-hide="data.totalStatue == 'stop'" data-toggle="tooltip"
                               data-placement="top" ng-click="showVersion($event,data)"  >
                              <i class="iconfont icon-qiehuan " style="    transform: scale(.9) scaleX(.87);
    margin-left: -4px;
    margin-right: 7px;"></i>版本变更
                            </a>
                          </li>
                          <li role="menuitem">
                            <a class="a1" ng-hide="data.totalStatue == 'stop'" data-toggle="tooltip"
                               data-placement="top" ng-click="showscale($event,data)"  >
                              <i class="iconfont icon-shensuo " style=" transform: scale(1.2) scaleX(1) scaleY(1.2);margin-left: -1px;margin-right: 10px; font-size: 18px;"></i>伸缩实例
                            </a>
                          </li>
                          <li>
                            <a ng-click="showautoscale($event,data,$index)" class="al" ><i class="iconfont icon-shensuocaidan" style="transform: scaleY(.8);" ></i>自动伸缩</a>
                          </li>
                          <li>
                            <a ng-click="showupdate($event,data,$index)" disabled="false" class="al" ><i class="iconfont icon-gengxin-copy" ></i>自动部署</a>
                          </li>
                        </ul>
                      </div>

                      <a href="" ng-click="delete($event,data)" class="aTag del" uib-tooltip="删除服务" ><i
                          class="fa fa-trash-o "></i></a>

                    </div>

                  </li>

                </ul>
              </div>
            </div>


            <!--<div ng-controller="TodoController">-->
            <div class="pull-right" ng-hide="searchPageHide">

              <ul uib-pagination boundary-links="true"  ng-model="tabsub.currentPage"
                  total-items="services.length" max-size="3"  items-per-page="numPerPage"
                  class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
                  last-text="&raquo;"></ul>

              <!--</div>-- >
            </div>


            <!--</div>-->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--<button ng-click="showServiceFlexModal()">点击</button>-->
  <script type="text/ng-template" id="serviceDel.html">

    <div class="modal-header modal_line">
      <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>-->
      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

    </div>
    <div class="modal-body" id="modal-body" style="margin: 0 auto;width: 365px;max-height: 155px;" >
      <div class="modelIcon" style="margin-top: -5px;">
        <div class="delIconfont" ><i class="iconfont icon-cuowu"></i></div>
      </div>
      <span style="display: block;text-align: center;margin-top: 85px;" >确定删除<strong class="ellipsis" style=" display: inline-block;vertical-align: middle;    font-weight: 400;color: rgba(255, 0, 0, 0.7);min-width:20px;max-width:100px">{{sName}}</strong>服务?</span>
      <md-checkbox ng-show="show" ng-model="isDelVolume" aria-label="synctimezone" style="margin-left: 50%;transform: translateX(-50%);margin-top: 5px;">
       是否连卷一起删除
      </md-checkbox>
    </div>

    <div class="modal-footer">
      <div>
        <div class="col-sm-6 col-xs-6" style="">
          <button class="btn btn-primary" type="button" ng-click="ok()"
                  style="float: right;margin:0 10px;padding: 7px 28px;border-radius: 8px;">确定
          </button>
        </div>
        <div class="col-sm-6 col-xs-6" style="float: right">
          <button class="btn btn-default" type="button" ng-click="cancel()"
                  style="float: left;margin:0 10px;padding: 7px 28px;border-radius: 8px;">取消
          </button>
        </div>
      </div>



    </div>
  </script>
<!--自动伸缩-->
  <script type="text/ng-template" id="showServiceFlexModal.html">
    <style>
      md-dialog.md-transition-in{
        max-width:500px;
      }
    </style>

    <div class="modal-header modal_line">
      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

      <h4 class="modal-title">自动伸缩</h4>


    </div>
    <div class="modal-body slider_modal slider_top" style="margin: 0 auto;width: 500px;padding-bottom: 0;">







      <div class="col-sm-12 col-xs-12 modal_bodyMargin" style="margin:0;"><!--ng-if="op==='update'"-->
        <label class="col-sm-3 col-xs-3 control-label text-right" for="field-1">Pod自动伸缩：<!--<span
            class="required_text">*</span>--></label>

        <div class="col-sm-7 col-xs-7">
          <input type="checkbox" class="iswitch-lg iswitch-info"
                 ng-change="changePodAutoScale(autoScalerEnabledTarget)" ng-model="scaler">
        </div>
        <div class="clearfix"></div>
      </div>

      <div class="col-sm-12 col-xs-12 modal_bodyMargin" style="padding: 10px;border: 1px solid #ddd;border-radius: 8px;background: #ECF4FF;">
        <p style="color: #61A0F7">Tips：系统将根据设定的CPU阈值来自动的【扩展或减少】CPU阈值
          来自动的【扩展或减少】</p>
      </div>

      <div class="col-sm-12 col-xs-12 modal_bodyMargin">
        <div class="clearfix"></div>
      </div>
      <!--<div class="col-sm-12 modal_bodyMargin">-->
        <!--<label class="col-sm-3 control-label text-right" for="field-1">填写实例数目：&lt;!&ndash;<span-->
            <!--class="required_text">*</span>&ndash;&gt;</label>-->

        <!--<div class="col-sm-6">-->
          <!--<md-slider flex md-discrete class="md-primary service_Slider" style="height: 32px;" ng-model="replicas" min="1" max="5" aria-label="rating" ng-init="replicas= replicas||1">-->
          <!--</md-slider>-->
        <!--</div>-->
        <!--<div class="col-sm-2 modal_sliderBorder" >-->
          <!--<md-input-container style="height: 32px;">-->
            <!--<input flex type="number" ng-model="replicas" aria-label="instances"-->
                   <!--aria-controls="instances-slider" >-->
          <!--</md-input-container>-->
        <!--</div>-->
      <!--</div>-->
      <div  class="col-sm-12 col-xs-12 modal_bodyMargin"> <!--ng-if="autoScalerEnabledTarget"-->
        <label class="col-sm-3 col-xs-3 control-label text-right" for="field-1">最大实例数 ：<!--<span
            class="required_text">*</span>--></label>

        <div class="col-sm-6 col-xs-6">
          <!--<input type="text" class="form-control" ng-model="sub.RequestrePlicas" ng-required="int" placeholder="例如：3">-->
          <md-slider flex md-discrete class="md-primary" style="height: 32px;"
                    ng-disabled="!scaler" ng-model="autoScalermax" min="1" max="10" aria-label="rating"
                     ng-init="autoScalermax||5">
          </md-slider>
        </div>
        <div class="col-sm-2 col-xs-2 modal_sliderBorder" >
          <md-input-container style="height: 32px;">
            <input flex type="number" ng-model="autoScalermax" aria-label="instances"
                   ng-disabled="!scaler" aria-controls="instances-slider" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
          </md-input-container>
        </div>

        <div class="clearfix"></div>
      </div>
      <div class="col-sm-12 col-xs-12 modal_bodyMargin"> <!--ng-if="autoScalerEnabledTarget&&0"-->
        <label class="col-sm-3 col-xs-3 control-label text-right" for="field-1">CPU阈值(%)：<!--<span
            class="required_text">*</span>--></label>

        <div class="col-sm-6 col-xs-6">
          <!--<input type="text" class="form-control" ng-model="sub.RequestrePlicas" ng-required="int" placeholder="例如：3">-->
          <md-slider flex md-discrete class="md-primary" style="height: 32px;"
                     ng-disabled="!scaler" ng-model="autoScalercpu" min="1" max="100" aria-label="rating"
                     ng-init="autoScalercpu||1">
          </md-slider>
        </div>
        <div class="col-sm-2 col-xs-2 modal_sliderBorder" >
          <md-input-container style="height: 32px;">
            <input flex type="number" ng-model="autoScalercpu" aria-label="instances"
                   ng-disabled="!scaler" aria-controls="instances-slider" max="100" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
          </md-input-container>
        </div>

        <div class="clearfix"></div>
      </div>

    </div>

    <div class="modal-footer">
      <!--<button class="btn btn-info btnOpen" type="button" ng-hide="mountd" style="margin: 0 auto;display: block;padding: 7px 28px;;border-radius: 8px;">开启</button>-->

      <div>
        <div class="col-sm-6 col-xs-6" style="">
          <button class="btn btn-info" type="button" ng-click="ok()"
                  style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;">确定
          </button>
        </div>
        <div class="col-sm-6 col-xs-6" style="float: right">
          <button class="btn btn-white" type="button" ng-click="cancel()"
                  style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消
          </button>
        </div>
      </div>
    </div>
  </script>
  <!--自动更新 未开启-->
  <script type="text/ng-template" id="noAutomaticUpate.html">
    <div class="modal-header modal_line">
      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

      <h4 class="modal-title">自动部署</h4>


    </div>
    <div class="modal-body"  style="margin: 0 auto;width: 320px;height: 160px;" >
      <span style="display: block;text-align: center;font-size: 16px;color: #666;" >尚未开启自动更新，是否开启</span>
      <div class="modelIcon" style="top: 25px;">
        <img src="static/cp/images/yun.png" alt="" width="136px" style="    margin-left: -28px">
      </div>
    </div>

    <div class="modal-footer">
      <div class="col-sm-6 col-xs-6" style=""><button class="btn btn-success" type="button"  style="float: right;margin:0 15px;padding: 7px 28px;background: #29D196;border-radius: 8px;">开启</button>
      </div>
      <div class="col-sm-6 col-xs-6" style="float: right"><button class="btn btn-info" type="button" ng-click="cancel()" style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消</button></div>
    </div>
  </script>
  <!--自动更新 开启-->
  <script type="text/ng-template" id="automaticUpateing.html">
    <div class="modal-header modal_line">
      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

      <h4 class="modal-title">自动更新</h4>


    </div>
    <div class="modal-body"  style="margin: 0 auto;width: 320px;height: 160px;" ng-hide="updateenable">
      <span ng-hide="isMarket" style="display: block;text-align: center;font-size: 16px;color: #666;" >尚未开启自动更新，是否开启</span>
      <span ng-show="isMarket" style="display: block;text-align: center;font-size: 16px;color: #666;" >公有镜像不支持自动部署</span>
      <div class="modelIcon" style="top: 25px;">
        <img src="static/cp/images/yun.png" alt="" width="136px" style="    margin-left: -28px">
      </div>
    </div>
    <div class="modal-body"  style="margin: 0 auto;width: 500px;height: 230px;padding-bottom: 0;" ng-show="updateenable">

      <div class="modelIcon" style="top: -20px;" >
        <img src="static/cp/images/dui.png" alt="" width="112px" style="    margin-left: -16px">

      </div>
      <span style="display: block;text-align: center;margin: 135px 0 0 0;    font-size: 16px;color: #666;" >已开启自动更新</span>

      <div class="form-group" style="    margin: 10px 0 0 70px;">
        <!--<div class="col-sm-8" style="padding: 0">-->
          <!--<input type="text" ng-required="string" ng-model="sub.command" placeholder="/User/123" class="form-control ng-pristine ng-untouched ng-empty ng-valid ng-valid-required" aria-invalid="false">-->
        <!--</div>-->
        <!--<div class="col-sm-2">-->
          <!--<button class="btn btn-info btn-single" ng-click="addFile()" style="border-radius: 8px;padding: 6px 16px;"><i class="iconfont icon-fuzhi_fuzhi"></i> 复制</button>-->
        <!--</div>-->
        <div class="clearfix"></div>
      </div>


    </div>

    <div class="modal-footer">
      <!--<button class="btn btn-info btnOpen" type="button" ng-hide="mountd" style="margin: 0 auto;display: block;padding: 7px 28px;;border-radius: 8px;">开启</button>-->

      <div>
        <div class="col-sm-6 col-xs-6" style="" ng-show="updateenable"><button class="btn btn-info" type="button" ng-click="cancel()" style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;">确定</button>
          </div>
        <div class="col-sm-6 col-xs-6" style="" ng-show="updatemarket" ><button class="btn btn-info" type="button" ng-click="cancel()" style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消</button>
        </div>
          <div class="col-sm-6 col-xs-6" style="float: right" ng-show="updateenable"><button class="btn btn-danger" type="button" ng-click="ok()" style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;background:#FD7056">关闭自动更新</button></div>
        <div class="col-sm-6 col-xs-6" style="float: right" ng-show="updatemarket"><button class="btn btn-danger" type="button" ng-click="ok()" style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;background:#FD7056">开启</button></div>
        <div class="col-sm-6 col-xs-6" style="float: right"  ng-hide="!isMarket"><button class="btn btn-danger" type="button" ng-click="cancel()" style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;background:#FD7056">关闭</button></div>

      </div>
    </div>
    </div>

  </script>
<!--伸缩实例-->
  <script type="text/ng-template" id="telescopicInstance.html">
    <div class="modal-header modal_line">
      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

      <h4 class="modal-title">伸缩实例</h4>


    </div>
    <div class="modal-body slider_modal slider_top" style="margin: 0 auto;max-width: 500px;min-width:400px;padding-bottom: 0;">

      <div class="col-sm-12 col-xs-12 modal_bodyMargin">
        <label class="col-sm-3 col-xs-3 control-label text-right" for="field-1">伸缩数量：<!--<span
            class="required_text">*</span>--></label>

        <div class="col-sm-6 col-xs-6">
          <!--<input type="text" class="form-control" ng-model="sub.RequestrePlicas" ng-required="int" placeholder="例如：3">-->
          <md-slider flex md-discrete class="md-primary service_Slider " style="height: 32px;" ng-model="rcdata.scaleNum" min="1" max="5" aria-label="rating" ng-init="rcdata.scaleNum = rcdata.scaleNum||1">
          </md-slider>
        </div>
        <div class="col-sm-2 col-xs-2 modal_sliderBorder" >
          <md-input-container style="height: 32px;">
            <input flex type="number" ng-model="rcdata.scaleNum" aria-label="instances"
                   aria-controls="instances-slider" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
          </md-input-container>
        </div>
      </div>


    </div>

    <div class="modal-footer">
      <!--<button class="btn btn-info btnOpen" type="button" ng-hide="mountd" style="margin: 0 auto;display: block;padding: 7px 28px;;border-radius: 8px;">开启</button>-->

      <div>
        <div class="col-sm-6 col-xs-6" style="">
          <button class="btn btn-info" type="button" ng-click="ok()"
                  style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;">确定
          </button>
        </div>
        <div class="col-sm-6 col-xs-6" style="float: right">
          <button class="btn btn-white" type="button" ng-click="cancel()"
                  style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消
          </button>
        </div>
      </div>
    </div>
  </script>
<!--版本变更-->

  <script type="text/ng-template" id="versionChange.html">
    <style>
      md-dialog.md-transition-in{
        max-width:600px;
      }
    </style>

    <div class="modal-header" style="padding-bottom: 15px">

      <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

      <h4 class="modal-title">版本变更</h4>
    </div>
    <div class="modal-body slider_modal" style="margin: 0 auto;width: 600px;padding-bottom: 0;color:#A9A9A9;padding-top: 25px;">

      <div class="col-sm-12 col-xs-12"   style="padding-left:0;margin-bottom: 10px "><!--ng-if="configFileSets.length>0"-->
        <label class="col-sm-2 col-xs-2 control-label text-right" for="field-1" style="padding: 0;margin-right: -30px;margin-left: 30px;">版本选择：<span
        class="required_text">*</span></label>

                  <div class="col-sm-6 col-xs-6" style="margin-left: 30px;margin-right: -30px;">
                  <select ng-model="SelectedVer" class="form-control" ng-options="ver for ver in datas">
                  </select>
                  </div>
                <!--<div class="col-md-4">
                        <button class="btn btn-white" type="button" ng-if="!TestVer" ng-if="!NewVer" ng-click="setVersionChoice(true)" ng-if="!NewVer"
                        style="float: left;margin:0 15px;padding: 7px 20px;border-radius: 8px;">添加
                        </button>
                        <button class="btn btn-white" type="button" ng-if="TestVer"  ng-click="updateVersion()" ng-if="!NewVer"
                        style="float: left;margin:0 15px;padding: 7px 20px;border-radius: 8px;">添加
                        </button>
                    </div>-->
                    <div class="clearfix"></div>

                </div>
                <div class="col-xs-12 col-sm-12" ng-if="TestVer" style="padding-left: 0;margin-bottom: 10px;">

                  <label class="col-sm-2 col-xs-2 control-label text-right"  style="padding: 0;margin-right: -30px;margin-left: 30px;">测试版本：<span
                      class="required_text">*</span></label>
                    <div class="col-sm-6 col-xs-6" style="margin-left: 30px;margin-right: -30px;">
                        <select class="form-control" ng-options="ver for ver in datas" ng-model="TestVer" disabled="disabled"></select>
                    </div>
                    <div class="col-sm-2 col-xs-2">
                        <button class="btn btn-white" type="button" ng-click="removeVersion(TestVer)"
                            style="float: left;margin:0 0 0 15px;padding: 7px 20px;border-radius: 8px;;background:#FD7056;color:#fff">删除
                            </button>
                    </div>
                    <div class="clearfix"></div>

                </div>
                <div class="col-sm-12 col-xs-12"   style="padding-left:0;margin-bottom: 10px " ng-if="NewVer&&!TestVer"><!---->

                  <label class="col-sm-2 col-xs-2 control-label text-right" for="field-1" style="padding: 0;margin-right: -30px;margin-left: 30px;">新增版本：<span
                          class="required_text">*</span></label>
                  <div class="col-sm-6 col-xs-6" style="margin-left: 30px;margin-right: -30px;">
                    <select ng-model="VersionToAdd" class="form-control" ng-options="ver for ver in datas">
                    </select>
                  </div>
                  <div class="col-md-4 col-xs-4" style="padding-right: 0">
                    <button class="btn btn-white" type="button" ng-click="setVersionChoice(false)"
                            style="float: left;margin:0 0 0 15px;padding: 7px 20px;border-radius: 8px;;background:#FD7056;color:#fff">删除
                    </button>
                    <button class="btn btn-white" type="button"   ng-click="addVersion(VersionToAdd)"
                            style="float: left;margin:0 15px;padding: 7px 20px;border-radius: 8px;margin-right: 0;">添加
                    </button>
                  </div>
                            <div class="clearfix"></div>
                </div>
                        <div class="col-sm-12 col-xs-12 modal_bodyMargin" style="padding-left:0;margin-bottom: 10px " ng-if="TestVer">
                            <label class="col-sm-2 col-xs-2 control-label text-right" for="field-1" style="    padding: 0; margin-right: 8px; margin-left: 20px;">测试流量比例：<span
                            class="required_text">*</span></label>
                    <div class="col-sm-7 col-xs-7">
                        <div class="row">
                            <div class="col-sm-10 col-xs-10">
                                <md-slider flex md-discrete type="number" class="md-primary" style="height: 32px;" ng-model="data.TestVerPer"  min="1" max="100" aria-label="rating" ng-init="data.TestVerPer = data.TestVerPer||50"  min="1" max="100" aria-label="rating">

                                </md-slider>
                            </div>
                            <div class="col-sm-2 col-xs-2"> <md-input-container>
                                <input flex type="number" ng-model="data.TestVerPer" aria-label="red" aria-controls="red-slider">
                            </md-input-container></div>
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-2">

                        <i class="fa fa-check" style="line-height:32px;" ng-click="setTestVerPer(data.TestVerPer)"></i>
                    </div>
                    <div class="clearfix"></div>



                </div>
                <div class="col-xs-12 col-sm-12" style="padding-left: 0px;margin-bottom: 10px;">
                  <label class="col-sm-2 col-xs-2 control-label text-right" style="    padding: 0;margin-right: -30px;margin-left: 30px;">特别说明：<span style="color: #fff">*</span></label>
                  <div  class="col-sm-9 col-xs-9" style="margin-left: 30px;margin-right: -30px;">如果版本变更时，服务端口、环境变量、卷也发生了变化，请使用<a href="" ng-click="toServiceUpdate()" style="color:#85BBFA">服务修改</a>。</div>
                </div>
        </div>

    <div class="modal-footer">
      <div>
        <div class="col-sm-6 col-xs-6" style="">
          <button class="btn btn-info" type="button" ng-click="ok()"
                  style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;" >确定
          </button>
        </div>
        <div class="col-sm-6 col-xs-6" style="float: right">
          <button class="btn btn-white" type="button" ng-click="cancel()"
                  style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消
          </button>
        </div>
      </div>

<!--
        <button type="button" class="btn btn-white" data-dismiss="modal" ng-click="cancel()">取 消</button>
        <button type="button" class="btn btn-info" ng-click="ok()">确 定</button>-->
    </div>
  </script>


</div>




